/*******************************************************************************
 * Copyright (c) 2017 Contributors to the Eclipse Foundation
 *
 * See the NOTICE file(s) distributed with this work for additional
 * information regarding copyright ownership.
 *
 * This program and the accompanying materials are made available under the
 * terms of the Eclipse Public License 2.0 which is available at
 * http://www.eclipse.org/legal/epl-2.0, or the Apache Software License 2.0
 * which is available at https://www.apache.org/licenses/LICENSE-2.0.
 *
 * SPDX-License-Identifier: EPL-2.0 OR Apache-2.0
 *******************************************************************************/
.save {
    margin-left: 5px;
    height: 24px;
    line-height: 1em;
    vertical-align: top;
}

.content {
    height: 700px;
}

img {
    float: left;
    margin-left: 10px;
    margin-right: 10px;
}

winery-uploader {
    margin-left: 1px;
    margin-top: 50px;
}

.uploadImgArea {
    float: right;
    width: 45%;
    height: 50px;
}

.colorPickerArea {
    float: left;
    width: 45%;
}

.arrowSelectArea {
    margin-top: 245px;
    width: 45%;
    height: 230px;
}

.floatContent {
    height: 70px;
}

.imgDropZone {
    height: 60px;
    margin-bottom: 20px;
    margin-top: 10px;
    padding-left: 20px;
    padding-top: 5px;
    vertical-align: middle;
    align-content: center;
    border: dotted 3px lightgray;
    background-color: ghostwhite;
}

.nv-file-over {
    border: dotted 3px red;
}

.colorInput {
    width: 200px;
}

/**
 * Definition of the  Arrow selector style
 */
.slot {
    float: left;
}

.list {
    box-shadow: 1px 2px #3F3F3F;
}

.header {
    border: groove 1px;
    margin-bottom: 5px;
}

.item {
    float: left;
    background-color: lightgray;
    cursor: pointer;
    margin-right: 5px;
    clear: both;
    width: 70px;
    height: 30px;
}

.middle {
    width: 100px;
}

.item:nth-child(2n-1) {
    background-color: lightsteelblue;
}

.item:hover {
    background-color: lightblue;
}

.dottedLine {
    background-image: url('../../../../assets/img/relationshiptype/dottedLine100.png');
}

.plainLine {
    background-image: url('../../../../assets/img/relationshiptype/plainLine100.png');
}

.dotted2Line {
    background-image: url('../../../../assets/img/relationshiptype/dotted2Line100.png');
}

.noneTarget {
    background-image: url('../../../../assets/img/relationshiptype/noneTarget70.png');
}

.DiamondTarget {
    background-image: url('../../../../assets/img/relationshiptype/DiamondTarget70.png');
}

.PlainArrowTarget {
    background-image: url('../../../../assets/img/relationshiptype/PlainArrowTarget70.png');
}

.noneSource {
    background-image: url('../../../../assets/img/relationshiptype/noneSource70.png');
}

.DiamondSource {
    background-image: url('../../../../assets/img/relationshiptype/DiamondSource70.png');
}

.PlainArrowSource {
    background-image: url('../../../../assets/img/relationshiptype/PlainArrowSource70.png');
}
